// 页面通用样式


.tip-tag {
  // 关联性参数表 使用
  & {
    background-color: #e9f1ff;
    border-color: #e5e8ef;
    color: #3967cd;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0 7px;
    font-size: 12px;
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
  }

  &.warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
  }

  &.danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
  }
  &.success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
  }
  &.dark {
    background-color: #409eff;
    border-color: #409eff;
    color: #ffffff;
  }
}

//
// .search-wrap {
//   & {
//     padding: 20px 20px;
//     background-color: #fff;
//     border-radius: 10px;
//   }
//   .el-form-item {
//     width: 100%;
//   }
//   .search-button {
//     width: 100%;
//     display: flex;
//     justify-content: flex-end;
//   }
//   &.one-warp {
//     .el-form-item {
//       margin-bottom: 0;
//     }
//   }
// }

// .main-warp {
//   padding: 15px 20px;
//   background-color: #fff;
//   border-radius: 10px;
//   flex: 1;
//   .main-header {
//     display: flex;
//     justify-content: space-between;
//     margin-bottom: 15px;
//     align-items: center;
//     .title {
//       font-size: 16px;
//       font-weight: bold;
//     }
//     .operate {
//       & {
//         margin-left: auto;
//       }
//       &.left {
//         margin-left: 20px;
//       }
//     }
//   }
// }


.search-container {
  padding: 18px 0 0 10px;
  margin-bottom: 10px;
  background-color: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  border-radius: 4px;
  // box-shadow: var(--el-box-shadow-light);
  // box-shadow: 5px 0px 14px 0px rgba(0, 0, 0, 0.04);
}

.table-container > .el-card__header {
  padding: calc(var(--el-card-padding) - 8px) var(--el-card-padding);
  display: flex;
  justify-content: flex-end;
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32 160 255);
  }
}

.search-container .el-form .el-input {
  width: 16rem !important;
}
